<!DOCTYPE>
<html xmlns="">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>方特专题</title>
		<link rel="stylesheet" type="text/css" href="../../css/css.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />

		 
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<style>
			/*背景底图*/
			
			.bg-img {
				position: fixed;
				height: 100%;
				width: 100%;
				background: url(../../img/home_bg.jpg) repeat-x center center;
				background-size: 100% 100%;
				top: 0;
				z-index: -1;
			}
			
			.w-15 {
				width: 15rem !important;
			}
			
			.listtime {
				color: #fff !important;
				background: none !important;
				padding: 0.5rem 0;
				border-top: 1px solid #AAAAAA;
				border-top-style: dotted;
			}
			
			.listtime table {
				color: #fff !important;
				font-size: 0.7rem !important;
			}
			
			.theme {}
			
			.theme .theme-title {
				margin-top: 0.5rem;
				text-align: center;
				padding: 0.25rem 0;
			}
			
			.theme .theme-title h2 {
				font-size: 0.9rem;
				color: #f8b551;
				padding: 0.25rem 0;
			}
			
			.theme .theme-title p {
				font-size: 0.6rem;
				color: #fff;
				padding: 0.25rem 0;
			}
			
			.theme .theme-title img {
				width: 100%;
				/*margin: 0.5rem 0;*/
				height: 1px;
				opacity: 0.9;
			}
			
			.theme .theme-content {}
			
			.theme .theme-content .theme-product {
				/*position: relative;*/
				/*border-bottom: 1px solid #dcdcdc;*/
				margin-top: 0.5rem;
				background: rgba(0,0,0,0.3);
			}
			
			.theme .theme-content .theme-product .goods-buy a {
				width: 5rem !important;
			}
			
			.theme .theme-content .theme-product .pic {
				width: 100%;
				height: 8rem;
			}
			
			.theme .theme-content .theme-product .pic img {
				width: 100%;
				height: 100%;
			}
			
			.theme .theme-content .details {
				float: left;
				color: #fff;
				width: 11rem;
				margin: 0.5rem;
				line-height: 1rem;
			}
			
			.theme .theme-content .details p {
				height: 2rem;
				overflow: hidden;
			}
			
			.theme .theme-content .theme-btn {
				float: right;
				color: #f8b551;
				width: 3.5rem;
				font-size: 0.8rem;
				padding: 0.5rem 0;
				border: 2px solid #f8b551;
				border-radius: 0.2rem;
				margin: 1rem 0.5rem 0 0;
				text-align: center;
			}
		</style>
	</head>

	<body>
		<div class="container">
			<div class="bg-img"></div>
			<div class="">
				<!--<div class="addWrap">
					<div class="swipe" id="mySwipe">
						<div class="swipe-wrap">
							<div>
								<a href="javascript:;"><img class="img-responsive" src="../../img/fangte.jpg" /></a>
							</div>
							<div>
								<a href="javascript:;"><img class="img-responsive" src="../../img/banner1.png" /></a>
							</div>
							<div>
								<a href="javascript:;"><img class="img-responsive" src="../../img/banner2.png" /></a>
							</div>
						</div>
					</div>

					<ul id="position">
						<li class="cur"></li>
						<li></li>
						<li></li>
					</ul>
				</div>-->
				<div class="theme">
					<div class="theme-title">
						<h2>方特景区</h2>
						<img src="../../img/line.png" />
						<p>美丽的方特</p>
					</div>
					<div class="theme-content">
						<div class="theme-product">
							<div class="pic">
								<img src="../../img/details3.png" />
							</div>
							<div class="details">
								<p>【方特一期】一日游</p>
								<span>100元起</span>
							</div>
							<a href="#" class="theme-btn">
                     		去看看
                     	</a>
							<div class="clearfix">

							</div>
						</div>

					</div>
					<div class="theme-title">
						<h2>方特拼团、拼车游</h2>
						<img src="../../img/line.png" />
						<p>拼团、拼车方便你我他</p>
					</div>
					<div class="theme-content">
						<div class="theme-product">
							<div class="pic">
								<img src="../../img/details2.png" />
							</div>
							<div class="details w-15">
								<p>【方特一期】一日游</p>
								<span>100元起</span>
							</div>
							<!--<a href="#" class="theme-btn">
                     		去看看
                     	    </a>-->
							<div class="clearfix"></div>
							<div class="goods-buy">
								<a href="开团须知.html">
									<p class="bg-red">666<small>/元</small></p>
									<p><small>3人团</small></p>
								</a>
								<a href="#">
									<p class="bg-yellow">888<small>/元</small></p>
									<p><small>单独购买</small></p>
								</a>
								<a href="#">
									<p class="greenbg">28<small>/元</small></p>
									<p><small>拼车游</small></p>
								</a>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
					<div class="theme-title">
						<h2>方特直通车</h2>
						<img src="../../img/line.png" />
						<p>固定路线定时发车</p>
					</div>
					<div class="theme-content">
						<div class="theme-product">
							<div class="pic">
								<img src="../../img/details1.png" />
							</div>
							<div class="details">
								<p>【方特一期】专车路线时间</p>
								<span>免费</span>
							</div>
							<a href="#" class="theme-btn">
                     		去看看
                     	    </a>
							<div class="clearfix"></div>
							<div class="time-list listtime">
								<table>
									<thead>
										<tr>
											<th>上车点
											</th>
											<th>上车时间
											</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>
												安徽芜湖安徽师范大学新校区东门
											</td>
											<td>
												09:30
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			var bullets = document.getElementById('position').getElementsByTagName('li');
			var banner = Swipe(document.getElementById('mySwipe'), {
				auto: 4000,
				continuous: true,
				disableScroll: false,
				callback: function(pos) {
					var i = bullets.length;
					while (i--) {
						bullets[i].className = ' ';
					}
					bullets[pos].className = 'cur';
				}
			})
		</script>

	</body>

</html>